<template>
<div>
     <!-- 正在热播区域 -->
        <ul class="hot_ul">
            <li v-for="hotInfo in hotdata" :key="hotInfo.id" class="hli">
                <img class="himg" :src="hotInfo.img" alt="">
                <p class="hp1">{{hotInfo.name}}</p>
                <p class="hp2">{{hotInfo.des}}</p>
            </li>
        </ul>
</div>
</template>

<script>

// import axios from 'axios';

export default{
    name:'Hot',
    data:function(){
        return{
            hotInfos:[]
        };
    },
    created(){
        this.$store.dispatch("LINK_HOT_DATA","/home/hot")
    },
    computed:{
        hotdata(){
            return this.$store.state.HotM.hot
        }
    }
}

</script>

<style scoped>

/* 热播区域 */

.hot_ul {
    padding: 0 .15rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.hot_ul .hli {
    /* background-color: rgb(94, 95, 32); */
    margin-bottom: .15rem;
}

.hot_ul .hli .himg {
    width: 1.88rem;
    height: 1.06rem;
}

.hot_ul .hli .hp1 {
    font-size: 14px;
    line-height: 28px;
}

.hot_ul .hli .hp2 {
    font-size: 12px;
    color: rgb(173, 173, 173);
}


</style>
